<template>
  <div class="home">
    <div class="component-library-content">
      <component-library />
    </div>
    <div class="canvas-area-content">
      <canvas-area />
    </div>
  </div>
</template>
<script lang="ts" setup>
import componentLibrary from "./components/component-library.vue";
import canvasArea from "./components/canvas-area.vue";
</script>
<style scoped lang="scss">
.home {
  display: flex;
  height: 100vh;
  .component-library-content {
    width: 200px;
    flex-shrink: 0;
    border: 1px solid #ddd;
  }
  .canvas-area-content {
    flex-grow: 1;
    border: 1px solid #ddd;
  }
}
</style>
